:root {
    --pickup-header-color: #f0f0f0;
    --pickup-body-color: #becfd1;
    --pickup-time-color: #dfe7e8;

    --drop-header-color: #b50b0b;
    --drop-body-color: #edd3d3;
    --drop-time-color: #f0e6e6;

    --order-header-color: #fafafa;
    
/*     #1178bd;
 */}

/* Detail Pane */
.stop-table-header>tr>th {
    /* background-color: ; */
    font-weight: 400;
}

.stop-table td {
    font-size: .9em !important;
}

.pickup-table>thead {
    background-color: var(--pickup-header-color);
    color: white;
}

.pickup-table>tbody>tr {
    background-color: var(--pickup-time-color);
}

.drop-table>thead {
    background-color: var(--drop-header-color);

}

.drop-table>tbody {
    background-color: var(--drop-time-color);
}

.projected-power-header {
    display: flex;
    align-items: center;
}

.projected-power-header > div {
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    font-size: 0.8rem;
}

.detail-content {
    font-size: 0.8rem;
    color: gray;
    
}

#order-detail-rec-info > div {
    /* display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    background-color: var(--order-header-color); */
    border-radius: 4px;
    font-size: 0.8rem;
    color: black;
}

.score-details-header {
    font-weight: bold;
    font-size:.9rem;
}

.score-details-row{
    display:flex;
    justify-content: space-between;
    margin: auto .5rem;
}

.score-details-row.level-0 {
    font-size: .85rem;
    border-top: 1px solid black;
}

/* .score-details-row.level-1
{
    /* text-decoration: underline;
} */


.score-details-row.level-2{
    margin-left: 1rem;
    font-size: .75rem;
}

.score-details-row.level-3{
    margin-left: 1.5rem;
    font-size: .7rem;
}

.score-details-row.level-4{
    margin-left: 2rem;
    font-size: .65rem;
}

/* Main Pane */
.sort-header {
    align-items: center;
    font-size: 0.8em;
    cursor: pointer;
}


.sort-header>span {
    font-size: 1em;
}

.sort-header>div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.sort-header .material-symbols-outlined{
    font-size: 16px;
    margin-bottom: 2px;
    margin-right: 2px;
}
.sort-header .sort-symbol {
    margin: 0px;
}


.pane-table-label {
    display: flex;
    align-items: center;
    font-weight: bold;
}

.pane-table-label > div {
    margin: 5px;
    display: flex;
    align-items: center;
}

.pane-table-label svg {
    width: 20px;
    height: 20px;
}

.detail-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    /* background-color: royalblue;
    color: white; */
    border-radius: 3px;
    color:black;
}
/* 
.pane-table>thead>tr {
    background-color: var(--order-header-color);
} */

.pane-table>thead {
    position: sticky;
    top: 0px;
    background-color: var(--order-header-color);
    z-index: 2;
    box-shadow: inset 0 1px 0 #dbdbdb, inset 0 -2px 0 #4a4a4a;
}

.pane-table>thead>tr>th {
    /* color:black; */
    font-weight: bold;
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pane-table td {
    font-size: .85em;
}

.b-checkbox {
    margin: 10px;    
}

.is-invisible {
    opacity: 0;
}

.bal-header-pos
{
    background-color: rgb(60, 152, 214) !important;
    color: white !important;
}

.bal-header-neg
{
    background-color: rgb(211 84 84) !important;
    /* color: white !important; */
}

.detail-header {
    display: flex;
    align-items: center;
    justify-content: center;
  }

#detail-bar .pane-table>thead {
    top: -13px;
}

#detail-break-color-bar {
    /* background-color: #44FF88; */
    height: 100%;
    width: 10px;
    margin: 5px 0;
 }

 #detail-break {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--order-header-color);
    border-radius: 2px;
    margin: 1rem -.2rem;
    /* border: 1px solid var(--secondary-bg-color); */
 }

 #power-recs {
/*     border: 1px solid var(--secondary-bg-color); */
    border-radius: 5px;
    margin-bottom: 10px;
 }

 #power-recs > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    /* background-color: var(--order-header-color); */
    border-radius: 5px 5px 0 0;
 }

 #power-recs > div > table{
    font-size: .9em;
 }

.view-details {
    border: none !important;
}

.view-details > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.view-details > div > button{
    height: 1.5em;
}

.view-details-2 {
    writing-mode: vertical-rl;
}

.view-details-2 > button{
    width: .5em;   
    height: 4.3em;
    padding: .65em;
}

.view-details-3{
    width: 24px;
}

.view-details-3-th {
    width: 24px;
    border:none !important;
    background-color: white !important;
}

.view-details-3 > button{
    width: 24px;   
    height: 4.3em;
    padding: .65em;
}

.view-details-3 > button > span {
    font-size: 1.3em;   
}